<link rel="stylesheet" href="static/swiper/swiper.min.css" type="text/css">
<style type="text/css">
   /*自定义左右键悬浮变色*/
   .swiper-container div[aria-disabled='false']:hover {
    	color: #fa0 !important;
   }
</style>
<script src="static/scripts/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/DocSys.js"></script>
<div align="center" style=" min-height:500px;" >
    <!--图片轮播显示-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
				<img id="imgPlayer" name="imgPlayer" src="" style="display:none; max-width:100%; max-height:100%;"></img>
            </div>
        </div>
        <div class="swiper-button-prev" onclick="gotoPreviousDoc()" style="color: #007aff"></div>
        <div class="swiper-button-next" onclick="gotoNextDoc()" style="color: #007aff"></div>
    </div>
</div>

<script type="text/javascript">
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = {};
        if (url.indexOf("?") !== -1) {
            var str = url.substr(1);
            var strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    var params = GetRequest();
    var docid = params['docid'];
    //获取artDialog父窗口传递过来的参数
    var artDialog2 = window.top.artDialogList['ArtDialog'+docid];
    if (artDialog2 == null) {
        artDialog2 = window.parent.artDialogList['ArtDialog' + docid];
    }
    // 获取对话框传递过来的数据
    var docInfo = artDialog2.config.data;
	
    var imgList = [];
    var index = 0;
    getAndShowImages(docInfo);
    
    function getAndShowImages(docInfo)
    {	
		$.ajax({
            url : "/DocSystem/Repos/getSubDocList.do",
            type : "post",
            dataType : "json",
            data : {
                vid: docInfo.vid,
                docId: docInfo.docId,
                path: docInfo.path,
                name: "",
                shareId: docInfo.shareId,
            },
            success : function (ret) {
         		//console.log("showDocList ret:", ret)
         		if(ret.status == "ok")
            	{
					getImgList(ret.data, docInfo);
                }
                else
                {
                	console.log(ret.msgInfo);
                    showErrorMessage("获取文件列表错误:" + ret.msgInfo);
                }
            },
            error : function () {
            	showErrorMessage("获取文件列表错误:服务器异常");
            }
        });
    }
    
    function getImgList(docList, docInfo)
   	{
    	index = 0;
    	for(var i = 0; i < docList.length; i++)
    	{
			var doc = docList[i];
			//console.log("getImgList doc:", doc);
			if(isPictureFile(doc.name) == true)
			{
				doc.shareId = docInfo.shareId;
				imgList.push(doc);
				if(doc.docId == docInfo.docId)
				{
					index = imgList.length-1;
				}
			}
    	}
    	console.log("getImgList imgList:", imgList);
    	console.log("getImgList index:", index);
    	
		getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
   	}
    
    function gotoPreviousDoc()
    {
    	if(index > 0)
    	{
    		index--;
			getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
    	}
    }
    
    function gotoNextDoc()
    {
    	if(index < imgList.length -1)
    	{
    		index++;
			getDocFileLinkForPreview(imgList[index], showImage, showErrorMessage);	    	
    	}	    	
    }
    
    function showImage(fileLink)
    {
		$("#imgPlayer").attr('src', fileLink);
		$("#imgPlayer").show();
    }
   </script>
